<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

         <!--app-->
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css_sdk/css/main.css">
        <link rel="stylesheet" href="test_content/css/usearch.css">

        <style>
            .am-header-default {
                background-color: #eb1111;
            }
            .bc-btn {
                background-color: #eb1111;
            }
            .logo {
                background-image: url('images/logo.png');
            }
            .umhw1 {
                min-height: 9.16em;
                min-width: 13.5em;
            }
            
            .umar-a {
                margin: 1em;
            }
            .bc-head {
                background-color: #eb1111;
            }
            .sc-bg-active {
                background-color: #FFFFFF;
            }
            .bc-border-2 {
                border-color: #FFFFFF;
            }
            .lis-m {
                min-height: 2em;
            }
            .t-gra-85 {
            color: gray;
            }
            .text-red {
                color: #eb1111;
            }
            .sc-text-active {
                color: black !important;
                font-weight:  bold;
            }
            .bg-b{
                border-bottom: 2px #eb1111 solid;
            }
             .bc-top {
                background-color: #626262;
            }
            
           
        </style>
        
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){	
				var retOrderData=JSON.parse(sessionStorage.getItem("retOrderData"));
				var orderid=getUrlParam("orderid");
                                
                                var htm="";
                                var htm2="";
                                var htm3="";
                                
                                var ht="";                                
                                var uid="";
                                var time="";
                                var status="";
                                var total="";
                                var my="";
                                $.each(retOrderData[0]["rows"],function(idx,item){
                                    if(item['f3']==orderid){
					uid=item['f7'];
					time=item['f4'].substr(0, item['f4'].length-11);
                                        status="状态";
                                        total=item['f11'];
                                        my=item['f12'];
                                        count=item['f10'];
                                        htm="<ul>"+
                "<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' style=''>订单号：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >"+orderid+"</div>"+
                "</li>"+
                
                 "<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >会员ID：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >"+uid+"</div>"+
                "</li>"+
                
                 "<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >下单时间：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >"+time+"</div>"+
                "</li>"+
                                
                "<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >订单金额：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >"+total+"</div>"+
                "</li>";
                
                
                htm2="";
                $.each(retOrderData[0]["liRuiDetail"],function(idx,item){
                    if(item['f1']==orderid){
                        var htm21="<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                            "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >"+item['f2']+"利润：</div>"+
                            "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >￥"+item['f4']+"</div>"+
                            "</li>";          
                            
                        htm2=htm2+htm21;
                    }
                });
                        
                htm3="<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >我的佣金：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >￥"+my+"</div>"+
                "</li>"+
                "<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0'>"+
                    "<div class='lv_title  marg-l ub ub-ver ut-m line1 ulev-1 ' >商品数量：</div>"+
                    "<div class='lv_title ub-f1 marg-l ub ub-ver ut-m line1 ulev-1'  >"+count+"个</div>"+
                "</li>"+
            "</ul>";
                   $("#div1").html(htm+htm2+htm3);
                   
                   htm="<ul>";
                    $.each(retOrderData[0]["productDetail"],function(idx,item){
                        if(item['f1']==orderid){
                            htm=htm+"<li class=' ub bc-border bc-text ub-ac lis-m' data-index='0' style='padding-top:0.5em;padding-bottom: 0.5em;border-bottom: 1px #BABABA solid'>"+
                            "<div class='lis-icon ub-img' style='background-image:url(http://101.200.158.44/SyxView/UpImages/Product/"+item.f4+")'></div>"+
                            "<div class='ub ub-ver ulev-1 bc-text umar-t' style='margin-left: 1em'>"+
                            "<div>"+item['f2']+"</div>"+
                            "<div style='margin-top:0.5em'>￥"+item['f5']+"</div>"+
                            "<div style='margin-top:0.2em'>数量："+item['f3']+"</div>"+
                            "</div></li>";
                        }
                    });
                    htm=htm+"</ul>";
                    $("#div2").html(htm);
                }
            })
                                
                                
			});


			function getUrlParam(name){
				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
				var r = window.location.search.substr(1).match(reg);  //匹配目标参数
				if (r!=null) return unescape(r[2]); return null; //返回参数值
			}
		</script>
        
</head>


<body class="um-vp bc-bg" >

        <div id="page_0" class="up ub ub-ver" tabindex="0">
            
         <div id="header" class="uh bc-text-head ub bc-head">
               <div class="nav-btn" id="nav-left" onclick="javascript:history.go(-1)">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">订单详细</h1>
                <div class="nav-btn nav-bt" id="nav-right"></div>
        </div>

        <div class="ub ub-ver c-wh  uinn-a7" id="div1">
            
        </div>
            
        <div id="div2" class="ub ub-ver c-wh  uinn-a7" style="margin-top: 0.5em">
            <!--
            <ul>
                <li class=" ub bc-border bc-text ub-ac lis-m" data-index="0" style="padding-top:0.5em;padding-bottom: 0.5em;border-bottom: 1px #BABABA solid">
                   <div class="lis-icon ub-img" style="background-image:url(test_content/css/myImg/goodsImg.png)"></div>
                   <div class="ub ub-ver ulev-1 bc-text umar-t" style="margin-left: 1em">
                       <div>洗面奶</div>
                       <div style="margin-top:0.5em">￥135</div>
                       <div style="margin-top:0.2em">数量：1</div>
                   </div>
                </li>
                <li class=" ub bc-border bc-text ub-ac lis-m" data-index="0" style="padding-top:0.5em;padding-bottom: 0.5em">
                   <div class="lis-icon ub-img" style="background-image:url(test_content/css/myImg/goodsImg.png)"></div>
                   <div class="ub ub-ver ulev-1 bc-text umar-t" style="margin-left: 1em">
                       <div>洗面奶</div>
                       <div style="margin-top:0.5em">￥135</div>
                       <div style="margin-top:0.2em">数量：1</div>
                   </div>
                </li>
            </ul>
            -->
        </div>
           

        </div>
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.tab.js"></script>
    <script>
        function click_sub(){
            window.location.href="home.html";
        }
        
//         var tabview = appcan.tab({
//            selector : "#tabview",
//            hasIcon : false,
//            hasAnim : true,
//            hasLabel : true,
//            hasBadge : false,
//            data : [{
//                label : "全部分类",
//            }, {
//                label : "面膜",
//            }, {
//                label : "面膜",
//            }, {
//                label : "面膜",
//            }]
//        });
//        tabview.on("click", function(obj, index) {
//            //appcan.window.selectMultiPopover("content", index);
//        })
    </script>

</body>
</html>
